import searchBox from "@/components/search-box"
import searchList from "../search-list"
export default {
    name: 'search-details',
    components: { searchBox, searchList },
    // 接收父页面传过来的属性
    props: {},
    // 页面数据绑定
    data() {
        return {
            word: '',
            menuData: [
                {
                    icon:'el-icon-time',
                    label:'最近搜索',
                    data:[]   
                },
                {
                    icon:'el-icon-collection',
                    label:'热门搜索',
                    type:'btn',
                    data:[]   
                },
            ],
            keywordData: [],
            historyData: [],
            searchResultData: [],
            searchData: [],
        }
    },
    computed: {
    },
    methods: {

        /*
        * 搜索
        */
        handleSearch(res) {
            this.$router.push({ name: 'search-details', params: { word: res } })
            // 构造数据
            for (let i = 0; i < 8; i++) {
                this.searchResultData.push({
                    id: i,
                    title: '天津市号欧高能桥区红塔寺大道桃花园东里1-1-111',
                    cont: '报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被报警人称：2020年8月9日21时37分许，昨天天津事故，三角架被',
                    // 涉及人数
                    person: 123,
                    // 状态
                    status: i > 2 ? '已办结' : '未办结',
                    area: '天津市',
                    // 时间
                    time: '2020-08-10 10:27:57',
                })
                this.historyData.push({
                    value: '拖欠工资拖欠工资拖欠工资拖欠工资拖欠拖欠工资拖欠工资拖欠工资拖欠工资拖欠',
                    date: '2020-02-22 10:35'
                })
                this.keywordData.push({
                    value: '拖欠工资拖欠工资拖欠工资拖欠工资拖欠拖欠工资拖欠工资拖欠工资拖欠工资拖欠',
                })
                this.menuData[1].data.push({
                    value: '维权事件',
                })
            }
            for (let i = 0; i < 6; i++) {
                this.menuData[0].data.push({
                    value: '维权事件维权事件',
                })
            }
        },

        /*
        * 选中搜索栏
        */
        handleSelect(res) {
            this.handleSearch(res)
        },

        /*
        * 点击列表
        */
        handleItemClick(id){
            console.log(id)
        },
        /*
         * 输入框变化
         */
        handleChange(value){
            this.searchData = []
            for (let i = 0; i < 6; i++) {
                this.searchData.push({
                    value: '搜索了'+value,
                })
            }
        }
    },
    created() {
        this.word = this.$route.params.word
        // 初始化
        this.handleSearch(this.word)
    },
    mounted() { }
}